@import './base.css';
@import './wing.css';
@import './highlight.scss';

#main {
  min-height: 510px;
}

#footer {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.cursor-pointer {
  cursor: pointer;
}

.sticky {
  &::-webkit-scrollbar {
    display: none;
    scrollbar-width: none;
  }
}

.social-link .a,
.menu-item {
  @extend .cursor-pointer;
}

.social-link {
  // overflow: hidden;
  html.dark & {
    background-color: #fff;
  }

  a {
    display: block;
    // overflow: hidden;
  }

  &,
  a,
  img {
    font-size: 1.3rem;
    width: 1.7rem;
    height: 1.7rem;
    transition: 0.2s ease;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  &:hover {
    transform: scale(1.1);
  }

  &:not(:last-child) {
    margin-right: 1rem;
  }
}
